import ComponentExamples from "@/snippets/component-examples.mdx";

First, import the default styles in your root component (typically `layout.tsx`) :

```tsx filename="layout.tsx"
import "@copilotkit/react-ui/styles.css";
```

<Callout type="info">
  Copilot UI ships with a number of built-in UI patterns, choose whichever one you like.
</Callout>

<ComponentExamples components={props.components} />
